<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1"/><!--用IE的最高版本浏览网页，以防低版本IE不支持部分css3属性-->
		<title>工程界-上传视频</title>
		<meta name="viewport" content="width=device-width,initial-scale=1"/><!--意思是使网页的宽度强制适应不同服务窗口的宽度（宽度自适），且用户不能够随意缩放网页-->
		<meta name="description" content=""/><!--关键字的描述内容(description)-->
		<meta name="keywords" content=""><!--关键字(keywords)-->
		<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
		<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/uploading.css" />
		<link rel="stylesheet" type="text/css" href="css/user_video_msg.css" />	
		<!--<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.9.0/jquery.min.js"></script>-->
		<!--<script src="js/jquery-1.9.1.min.js"></script>-->
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="js/globalVariable.js"></script>
		<script type="text/javascript" src="js/url.js"></script>
		<script type="text/javascript" src="js/cookie.js"></script>
		<script type="text/javascript" src="js/shangchuan.js"></script>
		<script type="text/javascript" src="js/user_video_msg.js"></script>	
		<!--[if lt IE9]> 
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
</head>
	<body>
		<div class="course-header">
			<div class="commWidth">
				<h1 class="course-logo fl"><a href="" class="hide-text ">工程界</a></h1>
			</div>
		</div>
		<div class="uploading">
			<div id="result"></div>		
			<div class="progress-warp">		
				<div class="container">
						<div class="uploading-hd">
							<span>上传视频</span>
						</div>
						<div class="uploading-bd">
							<div class="progress-warp">					
							</div>
							<div class="up">
								<a href="javascript:;" class="file" >上传视频
									<form action="" id="form-up">									
										 <input type="file" id="pic" name="pic" onchange="uploadFile()" autocomplete="off" />
									</form>									
								</a>							
								<span>视频上传,即表示你同意 <a href="">工程界上传服务条款</a>,请勿上传色情、反动等违规、违禁视频。</span>
							</div>							
						</div>
						<div class="video-info" id="Video" style="display: none;">
							<div class="video-info-hd">
						<h4></h4>
						<div class="progress-warp">						 
							<div class="progress-box">
								<div class="progress"></div>
								<span></span>
								<i class="progress-icon">取消上传</i>
							</div>
							<span class="upload-speed">上传速度：<em></em></span>
							<span class="uploaded">已上传：<em></em>/<i></i></span>
							<span class="residual">剩余时间：<em></em></span>
						</div>
					</div>
							 <form id="upload_form" enctype="multipart/form-data" method="post" action="upload" class="clearfix">
	        				<div class="video-left fl">					
						<div class="video-item clearfix">
							<span class="meta-title fl">标题 <em>*</em> </span>
							<input type="text" class="form-input fl" id="form-input" autocomplete="off" placeholder="视频名称"/>
						</div>
						<div class="hr_20"></div>
						<div class="video-item clearfix">
							<input type="hidden" id="childTypeId" value="">
							<span class="meta-title fl">分类 <em>*</em> </span>
								<select id="mainType">
									<option value="0">请选择一级分类</option>									
								</select>
								<div class="selectBox"></div>
								<br />
							<div class="hr_20"></div>
							<span class="meta-title fl">分类 <em>*</em> </span>
								<select id="childType">
									<option value="0">请选择二级分类</option>
								</select>
								<div class="selectBo"></div>
							<div class="clear"></div>
							<div class="mate-cate-list" style="display: none;">
								<div class="course-sep">
									<div class="course-title">
										<ul>
											<li class="course-title-li active" data-sep="yes"><a href="javascript:;" >课程方向</a></li>
											<li class="course-title-li jump" ><a href="javascript:;">课程分类</a></li>
										</ul>
									</div>
									<div class="course-content">
										<div class="msg-box-1 course-content-list">
											<ul class="msg-list-m">
											
											</ul>
										</div>
										<div class="course-content-list" style="display: none;">
											<ul class="msg-list-s">													
											</ul> 
										</div>									
									</div>
								</div>
							</div>
						</div>
						<div class="hr_20"></div>
						<!--<div class="video-item clearfix">
							<span class="meta-title fl">标签 <em>*</em> </span>
							<input type="text" class="form-input fl" />
							<div class="video-label">标签之间以空格隔开，最多添加5个标签.</div>
							<div class="label-item clearfix">
								<p class="fl">我的标签: </p>
								<div class="label-list fr">
									<span><a href="javascript:;">物理</a></span>
									<span><a href="javascript:;">天文知识</a></span>
									<span><a href="javascript:;">物理</a></span>
									<span><a href="javascript:;">天文知识</a></span>
									<span><a href="javascript:;">物理</a></span>
									<span><a href="javascript:;">天文知识</a></span>
									<span><a href="javascript:;">物理</a></span>
									<span><a href="javascript:;">天文知识</a></span>
									<span><a href="javascript:;">物理</a></span>								
								</div>
							</div>
						</div>
						<div class="hr_20"></div>-->
						<div class="video-item textarea-item abstract clearfix">
							<span class="meta-title fl">摘要:</span>						
							<input class="form-input fl" placeholder="用简单的一句话介绍您的视频"></input>
						</div>
						<div class="hr_20"></div>
						<div class="video-item textarea-item textareas clearfix">
							<span class="meta-title fl">简介:</span>						
							<textarea class="form-input fl"></textarea>
						</div>
						<div class="hr_20"></div>
						
					</div>
					<div class="video-right fl">
						<div class="video-item">
							<span class="meta-title fl">隐私设置:</span>
							<div class="yinsi secret fl">
								<span>公开</span>
							</div>
							<div class="clear"></div>
							<div class="yincang-msg secret-msg" style="display: none;">
								<ul>
									<li>公开</li>
									<li>私密</li>								
								</ul>
							</div>
							<div class="hr_20"></div>
							<span class="meta-title fl">是否收费:</span>
							<div class="yinsi charge fl">
								<span>免费</span>
							</div>
							<div class="clear"></div>
							<div class="yincang-msg charge-msg" style="display: none;">
								<ul>
									<li>免费</li>
									<li>收费</li>
								</ul>
							</div>
							<div class="hr_20"></div>
							<span class="meta-title fl">是否同步到个人主页:</span>
							<div class="yinsi  cogradient fl">
								<span>是</span>
							</div>
							<div class="clear"></div>
							<div class="yincang-msg cogradient-msg" style="display: none;">
								<ul>
									<li>是</li>
									<li>否</li>
								</ul>
							</div>
							<div class="hr_20"></div>
							<span class="meta-title fl">是否为原创:</span>
							<div class="yinsi original fl">
								<span>原创</span>
							</div>						
							<div class="clear"></div>
							<div class="yincang-msg original-msg" style="display: none;">
								<ul>
									<li>原创</li>
									<li>非原创</li>
								</ul>
							</div>
							<span class="dis">* 保存后不得修改 * </span>
						</div>
						<div class="h">
							<input type="checkbox" name="agree" checked="checked"  id="agree"/>
							我已阅读并同意
							<a href="">《工程界网服务协议》</a>
						</div>	
					</div>
				</form>
								<div class="keep">
									<span class="keep-title">保存</span>
									<!--<span class="keep-msg">视频文件已上传，请确认视频信息后，点击保存，已完成视频上传</span>-->
								</div>
						</div>
				</div>
			</div>			
			<div class="footer">
				<div>
					<span>请使用者仔细阅读工程界 用户协议 和 隐私政策</span>
					<span><a href="javascript:;">网络违法犯罪举报网站</a></span>
					<span><a href="javascript:;">中国互联网发和不良信息举报中心</a></span>
				</div>
				<p>沪ICP证00099903号</p>
				<p>Coperight©2015-2020engineeringcircle.com All Right Reserved</p>
			</div>
		<!--<script type="text/javascript" src="js/shangchuan.js"></script>-->
	</body>
	<script type="text/javascript">

		
//	function ajaxFileUpload() {
//		
//		//开始上传文件时显示一个图片,文件上传完成将图片隐藏  
//		//$("#loading").ajaxStart(function(){$(this).show();}).ajaxComplete(function(){$(this).hide();});  
//		//执行上传文件操作的函数  
//				//var formData = new FormData($( "#uploadForm" )[0]);
//				$.ajaxFileUpload({
//					//处理文件上传操作的服务器端地址(可以传参数,已亲测可用)  
//					url:'http://1912.168.0.12:8080/elink_video/api/fileUpload',
//					secureuri :false, //是否启用安全提交,默认为false   
//					fileElementId :'file', //文件选择框的id属性  
//					//data:formData,
//					dataType : 'text', //服务器返回的格式,可以是json或xml等  
//					success : function(data, status) { //服务器响应成功时的处理函数  
//						data = data.replace(/<pre.*?>/g, ''); //ajaxFileUpload会对服务器响应回来的text内容加上<pre style="....">text</pre>前后缀  
//						data = data.replace(/<PRE.*?>/g, '');
//						data = data.replace("<PRE>", '');
//						data = data.replace("</PRE>", '');
//						data = data.replace("<pre>", '');
//						data = data.replace("</pre>", ''); //本例中设定上传文件完毕后,服务端会返回给前台[0`filepath]  
//						if (data.substring(0, 1) == 0) { //0表示上传成功(后跟上传后的文件路径),1表示失败(后跟失败描述)  
//							$("img[id='uploadImage']").attr("src",
//									data.substring(2));
//							$('#result').html("图片上传成功<br/>");
//						} else {
//							$('#result').html('图片上传失败，请重试！！');
//						}
//					},
//					error : function(data, status, e) { //服务器响应失败时的处理函数  
//						$('#result').html('图片上传失败，请重试！！');
//					}
//				});
//	}
</script>
</html>



